<!DOCTYPE html>
<html lang="en">
<head>
	<title>表格样式1-1024px</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			font-family: 'Open Sans', sans-serif;
			font-weight: 300;
			line-height: 1.5em;
			color: #A7A1AE;
			background-color: #1F2739;
		}

		.container {
			overflow: hidden;
			width: 90%;
			margin: 0 auto;
			display: table;
			max-width: 1024px;
		}

		.container td,
		.container th {
			padding: 30px;
		}

		.container td {
			font-weight: normal;
			font-size: 1.5em;
			-webkit-box-shadow: 0 2px 2px -2px #0E1119;
			-moz-box-shadow: 0 2px 2px -2px #0E1119;
			box-shadow: 0 2px 2px -2px #0E1119;
			text-align: center;
		}

		.container th {
			background-color: #3E5588;
			color: white;
			text-align: center;
			font-size: 1.5em;
			font-weight: 600;
		}

		.container tr:nth-child(odd) {
			background-color: #323C50;
		}

		.container tr:nth-child(even) {
			background-color: #2C3446;
		}

		.container tr:hover {
			background-color: #464A52;
			-webkit-box-shadow: 0 6px 6px -6px #0E1119;
			-moz-box-shadow: 0 6px 6px -6px #0E1119;
			box-shadow: 0 6px 6px -6px #0E1119;
		}
	</style>
</head>

<body>
	<table class="container">
		<thead>
			<tr>
                <#list headMap?values as value>
                    <th>${value}</th>
                </#list>
			</tr>
		</thead>
		<tbody>
        <#list dataMap?keys as key>
            <tr>
                <td>${key}</td>
                <td>${dataMap["${key}"]}</td>
            </tr>
        </#list>
		</tbody>
	</table>
</body>
</html>